<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		//1.url -> ip
		//2.tcp 三次握手
		//3.加载js html css 
		//4.js 时间线
		//5.渲染过程
		//6.TCP 四次挥手

		//浏览器的基本组成
		/*
		用户界面 
		浏览器引擎
		渲染引擎  -->怪异模式 document.compatMode = "BackCompat" document.body.clientWidth标准模式下获取不到 向后兼容在IE6发布的时候，增加了IE5里没有的很多css标准特性，但为了确保与已有web内容的后向兼容性，它定义了两种不同的渲染模式。“标准模式”和“CSS兼容模式”。渲染模式的选择依赖于HTML文件顶部的DOCTYPE声明，没定义的会按怪异模式，定义严格的Doctype的页面会按照标准模式。定义HTML5 Doctype(<!DOCTYPE html>)页面在所有现代浏览器中会按照标准模式渲染。js检测用哪种模式可以通过document.compatMode属性。如果值是”CSS1Compat”
 		标准模式，如果值为”BackCompat”(或undefined，说明属性根本不存在)怪异模式
		Ui后端
		js引擎
		数据存储


		*/
	</script>
</body>
</html>